<jsp:directive.include file="/WEB-INF/jsp/includes.jsp" />
<jsp:directive.include file="/WEB-INF/jsp/header.jsp" />
<div dojoType="dijit.Dialog" id="registro"
	title="Registrar nuevo manifiesto de pasajeros">

<table align="center">
	<tr align="center">
		<td><label for="salida">SALIDA DEL PERU </label></td>
		<td><label for="salida">Fecha de Viaje</label></td>
		<td><input dojoType="dijit.form.DateTextBox" type="text"
			name="fecha" id="fecha"></td>
		<td><label for="salida">NRO </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text" name="nro"
			id="nro" style="width: 140px;"></td>
	</tr>
</table>
<div id="accordion" dojoType="dijit.layout.AccordionContainer">
<c:if test="${not empty vehiculo}">
<div class="element" title="Datos del Vehiculo" selected="true"
	dojoType="dijit.layout.AccordionPane">
<form:form action="/sunat/vehiculo/insert" method="POST" modelAttribute="vehiculo">
<table>
	<tr>
		<td><label for="vehiculo">Tipo de Vehiculo </label></td>
		<td><select dojoType="dijit.form.FilteringSelect"
			id="TipoVehiculo" name="TipoVehiculo" autoComplete="false">
			<option value="PAR">Particular</option>
			<option value="COL">Colectivo</option>
		</select></td>
	</tr>
	<tr>
		<td><label for="pais">Pais </label></td>
		<td><select dojoType="dijit.form.FilteringSelect" id="Pais"
			name="Pais" autoComplete="false">
			<option value="PE">PERU</option>
			<option value="CH">CHILE</option>
		</select></td>
		<td width="10%"></td>
		<td>
		
		<label for="marca">Placa </label>
		
		</td>
		<td>			
		<div>
            <label for="placa">Placa:</label>
            <form:input cssStyle="width:250px" maxlength="30" path="name" size="30"/>
            <form:errors path="name" cssClass="errors"/>
            <script type="text/javascript">Spring.addDecoration(new Spring.ElementDecoration({elementId : "placa", widgetType : "dijit.form.ValidationTextBox", widgetAttrs : {promptMessage: "Ingrese Placa", required : true}})); </script>
		</div>				
	</tr>
	<tr>
		<td><label for="marca">Marca </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text" name="marca"
			id="marca"></td>
		<td></td>
		<td><label for="marca">Modelo </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="modelo" id="modelo"></td>
	</tr>
	<tr>
		<td><label for="motor">N/S Motor </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text" name="motor"
			id="motor"></td>
		<td></td>
		<td><label for="marca">Fabricacion </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="fabricacion" id="fabricacion"></td>
	</tr>
	<tr>
		<td><label for="chasis">N/S Chasis </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="chasis" id="chasis"></td>
	</tr>

</table>
</form:form>

</div>
</c:if>
<div class="element" title="Datos del Conductor"
	dojoType="dijit.layout.AccordionPane">
<table>
	<tr>
		<td><label for="pais2">Pais </label></td>
		<td><select dojoType="dijit.form.FilteringSelect" id="Pais2"
			name="Pais2" autoComplete="false">
			<option value="PE">PERU</option>
			<option value="CH">CHILE</option>
		</select></td>
	</tr>
	<tr>
		<td><label for="pais">Identidad </label></td>
		<td><select dojoType="dijit.form.FilteringSelect" id="iden"
			name="iden" autoComplete="false">
			<option value="DNI">DNI</option>
			<option value="PAS">PASAPORTE</option>
		</select></td>
		<td width="10%"></td>
		<td><label for="marca">Nro. </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="numero" id="numero"></td>
	</tr>
	<tr>
		<td><label for="marca">Nombres </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="nombres" id="nombres"></td>
		<td></td>
		<td><label for="marca">Estado </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="estado" id="estado"></td>
	</tr>
	<tr>
		<td><label for="motor">A. Paterno </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="paterno" id="paterno"></td>
		<td></td>
		<td><label for="marca">Ocupacion </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="ocupacion" id="ocupacion"></td>
	</tr>
	<tr>
		<td><label for="chasis">A. Materno </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="materno" id="materno"></td>
	</tr>

</table>


</div>
<div class="element" title="Datos del Pasajero"
	dojoType="dijit.layout.AccordionPane">

<div style="width: 600px; height: 200px" class="claro">


<table id="billsGrid" dojoType="dojox.grid.DataGrid">
	<thead>
		<tr>
			<th field="tipoDoc">Tipo Doc Nro Doc</th>
			<th field="nombres">Nombres</th>
			<th field="apellido">Apellido Paterno Apellido Materno</th>
			<th field="estadocivil" width="180px">Estado Civil Ocupacion</th>
		</tr>
	</thead>
</table>
</div>
</div>
</div>

<table align="right">
	<tr align="right">
		<td align="center">
		<button id="imprmir" dojoType="dijit.form.Button" type="button">Imprimir
		</button>
		</td>
	</tr>
</table>
</div>

<%@ include file="/WEB-INF/jsp/footer.jsp"%>